<template>
	<div class="empty-wrapper">
		暂无消息
	</div>
</template>

<script lang="ts" setup>
	import { ref, onMounted } from '@/im/transformVue'
	defineProps({
		text: {
			type: String,
			default: '',
		},
	})
</script>
<style lang="scss" scoped>
	.empty-wrapper {
		margin: 75px 10px;
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;

		.empty-img {
			display: block;
			width: 125px;
			height: 100px;
		}

		.empty-text {
			display: block;
			color: #a6adb6;
			margin: 10px;
		}
	}
</style>